<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            border: 0px;
            margin: 0px;
        }
        #w1{
            margin: 30px;
            width: 230px;
            border: 1px solid gainsboro;
        }
        div h2{
            color:#BEA187;
            height: 45px;
            background: linear-gradient(to bottom, #CECEFF, #FFFFFF);
            line-height: 45px;
            padding-left: 10px;
            font-weight: normal;
            border-bottom:3px dotted #ffffff;
        }
        ul li{
            width:230px;
            list-style: none;
            line-height: 26px;
            font-size: 12px;
            margin: 0px auto;
        }
        ul li a{
            text-decoration:none;
        }
        ul li a:hover {
            color:#8B0707!important;
        }



    </style>
</head>
<body>
<div id="w1">
<h2>京东快报</h2>
    <ul>
        <li><a href="#">[特惠]海飞丝去屑又去油 超清爽</a></li>
        <li><a href="#">[公告]京东公益支持鲁甸新动作</a></li>
        <li><a href="#">[特惠]4688元抢iPhone 6</a></li>
        <li><a href="#">[公告]小米电视携豪礼高调入驻京东</a></li>
    </ul>
</div>
</body>
</html>